// import { useState } from 'react';
import Tool from './components/tool';
// import Draw from './components/draw';
import styles from './index.module.less';
import { CanvasProvider } from './core/Context';
import Workspace from './core/workspace';

// const Workspace = () => {

//   return (
//     <div className={styles.container}>
//       <Tool />
//       <div className={styles.draw}>
//         <Draw />
//       </div>
//     </div>
//   );
// };


const App = () => {

  return (
    <CanvasProvider>
      <div className={styles.container}>
        <Tool />
        <Workspace />
      </div>
    </CanvasProvider>
  );
};

export default App;
